© 2024. All rights reserved.

Base64 Images

圖片最佳化（Image Optimization）

實作「圖片最佳化（Image Optimization）」的第一個問題是「真的需要這個圖檔嗎？」，去除不需要的圖檔即可減少 HTTP Request。第二個問題才是「若圖檔不能去除或被取代，可以做哪些優化？」。

July 30, 2018 圖片最佳化效能調校加載效能 SVG Resource Hints Lighthouse Base64 Images Image Optimization Loading Performance Gzip 編碼解碼 encode decode base-64 前端效能系列文 · 留言

Base64 Images

將圖片轉為編碼字串，讓開發者能將圖檔嵌入 HTML、CSS 或 JavaScript 程式碼，以減少 HTTP Request。適合較少更新的小圖，例如 icon 等。

July 26, 2018 Base64 Images 效能調校加載效能 Loading Performance 圖片最佳化 Image Optimization base-64 Gzip 編碼解碼 encode decode 前端效能系列文 · 留言